<!DOCTYPE html>
<html>    
    <head>
        <?php @include('cmhead.php'); ?>
        <link rel="stylesheet" href="css/theme1/pos.css">
        <?php @include('cmheadjs.php'); ?>
    </head>
    <body ontouchstart="" class="clBg1">
        <div class="wrprPOS clBg5">
            <div class="wrpPOS clBg5 clearfix">
                <?php @include('pos-hd.php'); ?>
                <?php @include('pos-menu.php'); ?>
                <div class="workSpace">
                    <!-- content -->
                    <div class="wrprSale">
                        <div class="wrpSale clearfix">
                            <div class="wrprSaleItm">
                                <div class="wrpSaleItm">
                                    <div class="wrprSalePpl clBd2 bdFull">
                                        <div class="wrpSalePplHd clBg1 clBd2 bdBtm">
                                            <span class="clTxtPOSB fs02">Popular Items</span>
                                        </div>
                                        <div class="wrpSalePplBd clBg3">
                                            <div class="contin continL">
                                                <span class="icoPOS icoContL"></span>
                                            </div>
                                            <div class="contin continR">
                                                <span class="icoPOS icoContR"></span>
                                            </div>
                                            <div class="noPOSData noPplPOS">
                                                <span class="fs05">No popular items.</span>
                                                <span class="fs02">You can add popular products in this popular box by adding #popular in tag field of the product.</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="wrprSalePd clBd2 bdFull">
                                        <div class="wrpSalePdHd clBg1 clBd2 bdBtm">
                                            <div class="wrprSalePdTag">
                                                <div class="wrpOutSalePdTag clearfix">
                                                    <div class="noPOSData noTagPOS">
                                                        <span class="fs05">No tags.</span>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="wrprSalePdSrch">
                                                <form class="wrpSalePdSrch">
                                                    <input class="inpPdSrch clBg4 fs07 clTxt3" type="text" placeholder="Search">
                                                    <div class="btnPdSrch clBg3">
                                                        <span class="icoPOS icoSrch"></span>
                                                    </div>
                                                </form>
                                            </div>
                                        </div>
                                        <div class="wrpSalePdBd clBg3">
                                            <div class="contin continT">
                                                <span class="icoPOS icoContT"></span>
                                            </div>
                                            <div class="contin continD">
                                                <span class="icoPOS icoContD"></span>
                                            </div>
                                            <div class="wrpInSalePdBd clearfix">
                                                <div class="noPOSData noPdPOS">
                                                    <span class="icoPOS icoNoPd"></span>
                                                    <span class="fs05">No product items.</span>
                                                    <span class="fs02">Please add products in product feature of DMConnex or <a href="">click here</a>.</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="wrpPmtSpc clearfix">
                                        <div class="wrprSalePmt clBd2 bdFull">
                                            <div class="wrpSalePmtHd clBg1 clBd2 bdBtm clearfix">
                                                <div class="wrpTxtPmt">
                                                    <span class="clTxtPOSB fs02">Promotion</span>
                                                </div>
                                                <form class="wrpCodePmt clearfix">
                                                    <input type="text" class="inpCodePmt clBg4 clTxt3 fs02" placeholder="Enter Coupon Code">
                                                    <button class="btnPOSB btnCodePmt fs02">SUBMIT</button>
                                                </form>
                                            </div>
                                            <div class="wrpSalePmtBd clBg3">
                                                <div class="contin continL">
                                                    <span class="icoPOS icoContL"></span>
                                                </div>
                                                <div class="contin continR">
                                                    <span class="icoPOS icoContR"></span>
                                                </div>
                                                <div class="noPOSData noPmtPOS">
                                                    <span class="fs05">No promotion items.</span>
                                                    <span class="fs02">Please add promotions in promotion feature of DMConnex or <a href="">click here</a>.</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="wrprSaleSpc clBd2 bdFull">
                                            <div class="wrpSaleSpcHd clBg1 clBd2 bdBtm clearfix">
                                                <div class="wrpTxtSpc">
                                                    <span class="clTxtPOSB fs02">Special</span>
                                                </div>
                                            </div>
                                            <div class="wrpSaleSpcBd clBg3">
                                                <div class="wrpInSaleSpcBd">
                                                    <span class="icoPOS icoSpc"></span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="wrprSaleCart clBg3">
                                <div class="wrpSaleCart">
                                    <div class="wrprSaleCtm clBd2 bdBtm clearfix">
                                        <div class="wrpSaleCtm">
                                            <img src="img/dfthmbuser.jpg" alt="img">
                                            <div class="wrpCtmName">
                                                <div class="wrpInCtmName">
                                                    <div class="ctmName">
                                                        <span class="clTxtPOSB fs05 cutTxt">Guest</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="wrpRgtCtm">
                                            <button class="btnPOSW btnRgt fs05">REGISTER</button>
                                        </div>
                                    </div>
                                    <form class="wrprSalePrc clBd2 bdBtm">
                                        <div class="totalPrice clBg5 clBd2 bdFull clearfix">
                                            <span class="spnSaleTotal clTxtPOSB fs05">Total</span>
                                            <span class="spnSalePrc clTxtPOSB fs11">0 Baht</span>
                                        </div>
                                        <div class="tender clearfix">
                                            <span class="tenderTxt clTxtPOSB fs05">Cash<em>(Baht)</em></span>
                                            <input type="text" class="tenderInp clBg4 clTxt3 fs04" readonly>
                                        </div>
                                        <div class="change clearfix">
                                            <span class="changeTxt clTxtPOSB fs05">Change<em>(Baht)</em></span>
                                            <span class="changeCost clTxt3 fs11">0</span>                                            
                                        </div>
                                        <div class="btnOrdChk clearfix">
                                            <div class="btnOutOrd">
                                                <button class="btnPOSC btnOrd fs07">ORDER</button>
                                            </div>
                                            <div class="btnOutChk">
                                                <button class="btnPOSB btnCheck fs07">CHECK</button>
                                            </div>
                                        </div>
                                    </form>
                                    <div class="wrprSaleLst">
                                        <div class="hdSaleLst clBg1 clBd2 bdBtm clearfix">
                                            <span class="hdSaleItmLst fs02 clTxtPOSB">Item List</span>
                                            <span class="hdSaleTtLst fs02 clTxtPOSB">Total Item : 0</span>
                                        </div>
                                        <div class="wrpOutSaleLst">
                                            <div class="wrpInSaleLst">
                                                <div class="contin continT">
                                                    <span class="icoPOS icoContT"></span>
                                                </div>
                                                <div class="contin continD">
                                                    <span class="icoPOS icoContD"></span>
                                                </div>
                                                <div class="wrpSaleLst">
                                                    <div class="noPOSData noLstPOS">
                                                        <span class="icoPOS icoNoSaleLst"></span>
                                                        <span class="fs05">No sales items.</span>
                                                        <span class="fs02">Please select product or promotion.</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="wrprPopPOS wrprPopSaleCtm">
                    <div class="wrpOutPopPOS wrpOutPopSaleCtm clBg3">
                        <div class="hdPopSaleCtm clBd2 bdBtm">
                            <div class="wrprHdPopSale clearfix">
                                <div class="wrpOutHdPopSale">
                                    <div class="wrpInHdPopSaleCtm clearfix">
                                        <div class="wrpHdPopSaleCtm">
                                            <img src="img/dfthmbuser.jpg" alt="img">
                                            <div class="wrpCtmName">
                                                <div class="wrpInCtmName">
                                                    <div class="ctmName">
                                                        <span class="clTxtPOSB fs09 cutTxt">Guest</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="wrpInBtnHdSale">
                                    <button class="btnPOSW btnCncl fs05">CANCEL</button>
                                    <button class="btnPOSB btnSve fs09">SAVE</button>
                                </div>
                            </div>
                        </div>
                        <div class="bdPopPOS bdPopSaleCtm">
                            <div class="wrprBdPopSaleCtm clearfix">
                                <div class="wrpOutBdPopSaleCtm">
                                    <div class="wrpInBdPopSaleCtm clearfix">
                                        <div class="hdBdPopSaleCtm clBg1">
                                                <span class="clTxtPOSB fs04">Member Zone</span>
                                            </div>
                                        <div class="wrpBdPopSaleCtm wrpNamePopSaleCtm">
                                            
                                            <div class="wrpInNamePopSaleCtm clearfix">
                                                <span class="clTxtPOSB fs04">Username / Email</span>
                                                <div class="wrnLS wls10">
                                                    <div class="errLS clErrBg">
                                                        <span class="ico icoErr"></span>
                                                    </div>
                                                    <span class="spnErrLS clErrTxt fs02">Not Found</span>
                                                </div>
                                                <input type="text" class="clBg4 clTxtPOSB fs04">
                                                <button class="btnPOSC btnOkCtm fs05">OK</button>
                                            </div>
                                        </div>
                                        <div class="wrpBdPopSaleCtm wrpQRPopSaleCtm">
                                            <div class="wrprQr clBd2 bdFull">
                                                <div class="wrpFrntQr clBg2">
                                                    <div class="txtFrntQr">
                                                        <span class="txtQr boldGen">QR Code</span>
                                                    </div>
                                                    <div class="btnFrntQr">
                                                        <button class="btnPOSB btnScn fs09">Touch For Scan</button>
                                                    </div>
                                                </div>
                                                <div class="wrpBckQr">
                                                    <div class="wrpBckQrCncl">
                                                        <div class="wrpInBckQrCncl">
                                                            <button class="btnPOSW btnCnclQr fs05">CLOSE</button>
                                                        </div>
                                                    </div>
                                                    <div class="wrpInBckQr"></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="wrprPopPOS wrprPopRgt">
                    <div class="wrpOutPopPOS wrpOutPopRgt clBg3">
                        <div class="hdPopRgt clBd2 bdBtm">
                            <div class="wrprHdPopSale clearfix">
                                <div class="wrpOutHdPopSale">
                                    <div class="ttlPopSale">
                                        <span class="clTxtPOSB fs11">Member Registration</span>
                                    </div>
                                </div>
                                <div class="wrpInBtnHdSale">
                                    <button class="btnPOSW btnCncl fs05">CANCEL</button>
                                    <button class="btnPOSB btnSve fs09">SAVE</button>
                                </div>
                            </div>
                        </div>
                        <div class="bdPopPOS bdPopRgt">
                            <div class="wrprBdPopRgt">
                                <div class="wrpOutBdPopRgt">
                                    <div class="wrpInBdPopRgt">
                                        <div class="wrpBdPopRgt clearfix">
                                            <div class="wrpHdBdPopRgt">
                                                <span class="clTxtPOSB fs05">User Photo</span>
                                            </div>
                                            <div class="wrpBdBdPopRgt clearfix">
                                                <div class="usrImgRgtPOS">
                                                    <div class="wrpInUserImgRgt clearfix">
                                                        <div class="wrpUsrImgRgt clBg4 clBd2 bdFull">
                                                            <div class="wrpInUsrImgRgt">
                                                                <img src="img/dfthmbuser.jpg" alt="img">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="wrnLS wls12">
                                            <div class="errLS clErrBg">
                                                <span class="ico icoErr"></span>
                                            </div>
                                            <span class="spnErrLS clErrTxt fs02">Username is required.</span>
                                        </div>
                                        <div class="wrpBdPopRgt clearfix">
                                            <div class="wrpHdBdPopRgt">
                                                <span class="clTxtPOSB fs05">Username</span>
                                            </div>
                                            <div class="wrpBdBdPopRgt clearfix">
                                                <input type="text" class="clBg4 clTxtPOSB fs04">
                                            </div>
                                        </div>
                                        <div class="wrnLS wls12">
                                            <div class="errLS clErrBg">
                                                <span class="ico icoErr"></span>
                                            </div>
                                            <span class="spnErrLS clErrTxt fs02">Telephone is required.</span>
                                        </div>
                                        <div class="wrpBdPopRgt clearfix">
                                            <div class="wrpHdBdPopRgt">
                                                <span class="clTxtPOSB fs05">Tel</span>
                                            </div>
                                            <div class="wrpBdBdPopRgt clearfix">
                                                <input type="text" class="clBg4 clTxtPOSB fs04">
                                            </div>
                                        </div>
                                        <div class="wrpBdPopRgt clearfix">
                                            <div class="wrpHdBdPopRgt">
                                                <span class="clTxtPOSB fs05">Email</span>
                                            </div>
                                            <div class="wrpBdBdPopRgt clearfix">
                                                <input type="text" class="clBg4 clTxtPOSB fs04">
                                            </div>
                                        </div>
                                        
                                        <div class="wrpBdPopRgt clearfix">
                                            <div class="wrpHdBdPopRgt">
                                                <span class="clTxtPOSB fs05">Birthday</span>
                                            </div>
                                            <div class="wrpBdBdPopRgt wrpDate clearfix">
                                                <div class="reDsSlct reDsDy">
                                                    <select class="clTxtPOSB">
                                                        <option>- Day -</option>
                                                        <option value="1">1</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="5">5</option>
                                                        <option value="6">6</option>
                                                        <option value="7">7</option>
                                                        <option value="8">8</option>
                                                        <option value="9">9</option>
                                                        <option value="10">10</option>
                                                        <option value="11">11</option>
                                                        <option value="12">12</option>
                                                        <option value="13">13</option>
                                                        <option value="14">14</option>
                                                        <option value="15">15</option>
                                                        <option value="16">16</option>
                                                        <option value="17">17</option>
                                                        <option value="18">18</option>
                                                        <option value="19">19</option>
                                                        <option value="20">20</option>
                                                        <option value="21">21</option>
                                                        <option value="22">22</option>
                                                        <option value="23">23</option>
                                                        <option value="24">24</option>
                                                        <option value="25">25</option>
                                                        <option value="26">26</option>
                                                        <option value="27">27</option>
                                                        <option value="28">28</option>
                                                        <option value="29">29</option>
                                                        <option value="30">30</option>
                                                        <option value="31">31</option>
                                                    </select>
                                                </div>
                                                <div class="reDsSlct reDsMn">
                                                    <select class="clTxtPOSB">
                                                        <option>- Month -</option>
                                                        <option value="1">January</option>
                                                        <option value="2">February</option>
                                                        <option value="3">March</option>
                                                        <option value="4">April</option>
                                                        <option value="5">May</option>
                                                        <option value="6">June</option>
                                                        <option value="7">July</option>
                                                        <option value="8">August</option>
                                                        <option value="9">September</option>
                                                        <option value="10">October</option>
                                                        <option value="11">November</option>
                                                        <option value="12">December</option>
                                                    </select>
                                                </div>
                                                <div class="reDsSlct reDsYr">
                                                    <select class="clTxtPOSB">
                                                        <option>- Year -</option>
                                                        <option value="2011">2004</option>
                                                        <option value="2010">2003</option>
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="wrpBdPopRgt clearfix">
                                            <div class="wrpHdBdPopRgt">
                                                <span class="clTxtPOSB fs05">Route</span>
                                            </div>
                                            <div class="wrpBdBdPopRgt clearfix">
                                                <div class="reDsSlct reDsRt">
                                                    <select class="clTxtPOSB">
                                                        <option>- The route to your residence is located. -</option>
                                                        <option value="lh">Lad Phrao - Huai Whwang</option>
                                                        <option value="pl">Phetchaburi - Lumphini</option>
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="wrpBdPopRgt clearfix">
                                            <div class="wrpHdBdPopRgt">
                                                <span class="clTxtPOSB fs05">Address</span>
                                            </div>
                                            <div class="wrpBdBdPopRgt clearfix">
                                                <textarea class="clBg4 clTxtPOSB fs04"></textarea>
                                            </div>
                                        </div>
                                        <div class="wrpBdPopRgt clearfix">
                                            <div class="wrpHdBdPopRgt">
                                                <span class="clTxtPOSB fs05">Map</span>
                                            </div>
                                            <div class="wrpBdBdPopRgt clearfix">
                                                <div class="mapRgtPOS clBg4 clBd2 bdFull">
                                                   <div class="wrpFrntMapRgt">
                                                        <div class="wrpInFrntMapRgt clearfix">
                                                            <div class="spnFrntMapRgt">
                                                                <div class="spnInFrntMapRgt clearfix">
                                                                    <span class="clBg1 clTxtPOSB fs04">Location</span>
                                                                    <span class="triLct"></span>
                                                                </div>
                                                            </div>
                                                            <input type="text" class="clBg3 clTxtPOSB fs04">
                                                            <button class="btnPOSB btnSchLct fs05">
                                                                <span class="icoPOS icoSchLct"></span>
                                                            </button>
                                                        </div>
                                                   </div>
                                                   <div class="wrpMdlMapRgt">
                                                        <div class="wrpInMdlMapRgt">
                                                             <!-- MAP HERE -->
                                                        </div>
                                                   </div>
                                                   <div class="wrpBckMapRgt">
                                                       <div class="wrpInBckMapRgt">
                                                           <span class="icoPOS icoMapRgt"></span>
                                                       </div>
                                                   </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="wrpBdPopRgt clearfix">
                                            <div class="wrpHdBdPopQst">
                                                <span class="clTxtPOSB fs05">Gender</span>
                                            </div>
                                            <div class="wrpBdBdPopQst clearfix">
                                                <div class="wrpInBdBdPopQst popQst1 clBg4 clBd1 bdFull">
                                                    <span class="clTxtPOSB fs05">Male</span>
                                                </div>
                                                <div class="wrpInBdBdPopQst popQst1 clBg4 clBd1 bdFull">
                                                    <span class="clTxtPOSB fs05">Female</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="wrpBdPopRgt clearfix">
                                            <div class="wrpHdBdPopQst">
                                                <span class="clTxtPOSB fs05">Age</span>
                                            </div>
                                            <div class="wrpBdBdPopQst clearfix">
                                                <div class="wrpInBdBdPopQst popQst2 clBg4 clBd1 bdFull">
                                                    <span class="clTxtPOSB fs05">Kid</span>
                                                </div>
                                                <div class="wrpInBdBdPopQst popQst2 clBg4 clBd1 bdFull">
                                                    <span class="clTxtPOSB fs05">Teen</span>
                                                </div>
                                                <div class="wrpInBdBdPopQst popQst2 clBg4 clBd1 bdFull">
                                                    <span class="clTxtPOSB fs05">Adult</span>
                                                </div>
                                                <div class="wrpInBdBdPopQst popQst2 clBg4 clBd1 bdFull">
                                                    <span class="clTxtPOSB fs05">Old</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>                        
                </div>
            </div>
            <?php @include('pos-micpop.php'); ?>
            <?php @include('pos-cal.php'); ?>
        </div>
        <script src="js/uidf.js"></script>
        <script src="js/vendor/html5-qrcode.min.js"></script>
    </body>
</html>
